@layout("/common/_container.html"){
<style>
    ul{ margin: 0; padding: 0; }
    input, select {  border-radius: 5px;border: 1px solid #a9a9a9; padding-left: 10px; }
    .choice_btn{  background: #5e8aa3;  color: white;  padding: 3px 10px;}
    .btn_box button {  margin: 0;  color: white;  background: #2b6594;  padding: 6px 30px;}
    .records>li{  color: white;  cursor:pointer;  }
    .flexBox{display: flex}
    .flexBox > div {flex: 2 ; display: flex ; align-items: center}
    .flexBox > div span{flex: 1}
    .flexBox > div div { flex:  3;}
    .selectBox {  width: 46%;  height: 38px  }
</style>
<div class="ibox float-e-margins ">
    <div class="ibox-content">
        <div style="display: none">
            <input type="hidden" id="id" value="">
            <input type="hidden" id="tcNameValue" value="">
            <input type="hidden" id="outpatientNameValue" value="">
        </div>
        <div class="flexBox">
            <div style="flex: 1">
                <span>门诊</span>
                <div>
                    <select id="outpatientName" name="outpatientName" class="selectBox" style="width: 85%;" onchange="RevisitStatisticsTable.search()"></select>
                </div>
            </div>
            <div>
                <span style="text-indent: 1rem">访问病种</span>
                <div class="col-sm-2 addBtn_y2">
                    <select class="form-control" id="accessDisease" name="accessDisease" onchange="RevisitStatisticsTable.search()">
                        <option value="">全部</option>
                        <option value="种植">种植</option>
                        <option value="正畸">正畸</option>
                        <option value="修复">修复</option>
                        <option value="美白">美白</option>
                        <option value="拔牙智齿">拔牙智齿</option>
                        <option value="牙周">牙周</option>
                        <option value="洗牙洁牙">洗牙洁牙</option>
                        <option value="医院类">医院类</option>
                        <option value="儿童齿科">儿童齿科</option>
                    </select>
                </div>
            </div>
            <div>
                <span>回访时间</span>
                <div>
                    <input type="text"  id="startRevisitTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                    <span>-</span>
                    <input type="text" id="endRevisitTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                </div>
            </div>
            <div>
                <span style="text-indent: 2rem;">建档时间</span>
                <div>
                    <input type="text"  id="startFilingTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                    <span>-</span>
                    <input type="text" id="endFilingTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                </div>
            </div>
        </div>
        <div class="flexBox" style="margin: 20px 0 15px;">
            <div style="flex: 1;">
                <span>TC</span>
                <div>
                    <select class="selectpicker" multiple id="fieldTc" name="fieldTc" style="border: 1px solid #999999"
                            onchange="RevisitStatisticsTable.search()">
                    </select>
                </div>
            </div>
            <div>
                <span style="margin-left: 20px;">回访人</span>
                <div style="flex: 6">
                    <input type="text" id="follower" class="selectBox" style="width: 32%">
                    <button type="button" class="btn choice_btn"
                            onclick="RevisitStatisticsTable.getFollower()" style="height: 38px;">请选择
                    </button>
                </div>
            </div>
            <div></div>
            <div style="text-align: right   ">
                <div class="btn_box">
                    <button type="button" class="btn" onclick="RevisitRecord.resetSearch()">清空</button>
                    @if(shiro.hasPermission("/super_no")){
                    <button type="button" class="btn" onclick="RevisitRecord.downLoad()">导出</button>
                    @}
                </div>
            </div>
        </div>
        <div class="row bigSize">
            <div class="col-sm-12" style="background:#2f4050;;line-height: 46px;">
                <ul class="records clearfix">
                    <li>回访人数: <span style="color: #59efe6" id="huifangNum"></span></li>
                </ul>
            </div>
        </div>
        <#table id="revisitStatisticsTable"/>
    </div>
</div>
<script src="${ctxPath}/static/js/common/bootstrap-table-objectd.js"></script>
<script src="${ctxPath}/static/modular/marketing/reservations/revisit_statistics.js"></script>
@}